<template>
  <div class="test-font">
    {{ msg }}
  </div>
  <button class="test-button" @click="changeMsg">修改msg</button>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
export default defineComponent({
  setup() {
    const msg = ref("hello ref");
    setTimeout(() => {
      msg.value = "1000ms after";
    }, 1000);
    const changeMsg = () => {
      msg.value = "this is change msg";
    };
    return {
      msg,
      changeMsg,
    };
  },
  mounted() {
    this.msg = "33333";
  },
});
</script>
